<ion-header>
  <ion-navbar color="primary" style="opacity: 0.8" no-border-bottom align="center">
    <ion-title>首页 v0.0.2</ion-title>
  </ion-navbar>
</ion-header>
<ion-content fullscreen>

  <ion-row *ngIf="spinner1">
    <ion-col text-center>
      <ion-spinner></ion-spinner>
    </ion-col>
  </ion-row>

  <ion-slides>
    <ion-slide *ngFor="let item of slides" (click)="goDetails(item)">
      <img src="{{item.PictUrl}}" alt="">
      <div class="cover"></div>
      <span class="title">{{item.Title}}</span>
    </ion-slide>
  </ion-slides>


  <div class="categories">
    <ion-grid>
      <ion-row wrap>
        <ion-col text-center tappable col-3 *ngFor="let c of categories" (click)="goList(c)">
          <i class="iconfont {{c.Icon}} icon"></i>
          <span class="title">{{c.Title}}</span>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>

  <ion-item-divider class="t-header" color="light"> 随便看看 </ion-item-divider>
  <ion-products [products]="products"></ion-products>
  <!--<div class="product">-->
    <!--<ion-row wrap>-->
      <!--<ion-col tappable col-6 *ngFor="let p of products" (click)="goDetails(p)">-->
        <!--<img src="{{p.PictUrl}}" alt=""/>-->
        <!--<p>{{p.Title}}</p>-->
      <!--</ion-col>-->
    <!--</ion-row>-->
  <!--</div>-->

</ion-content>
